<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>个人主页</title>
    <link rel="stylesheet" href="/static/css/app/workspace/swiper.min.css">
    <!--更新改变版本号-->
    <link rel="stylesheet" href="/static/css/app/workspace/personalCenter.css?v=1.0.5">
    <script src="/static/js/app/workspace/common/swiper.min.js" type="text/javascript" ></script>
    <script src="/static/js/app/workspace/common/swiper.animate1.0.3.min.js"></script>
    <script src="/static/js/app/workspace/common/jquery-1.11.1.min.js"></script>
    <script src="/static/js/app/workspace/util.js" type="text/javascript"></script>
    <script src="/static/js/app/pay/init.js" type="text/javascript"></script>
    <script src="/static/js/app/workspace/personalCenter.js"></script>
    <script src="/static/js/app/workspace/clipboard.min.js"></script>
    <style>
        iframe:not(.huakai_iframe) {display:none !important;}
        #chatTheme{
            color: #333333;
            font-size: 0.24rem;
            font-weight: normal;
        }
        #hscodes{position: relative}
        .zhezhao{ width: 100%;height:100%;position: fixed;top: 0;left: 0;z-index: 100;}
        .zhezhao>img{width: 100%;height: 100%;}
    </style>
</head>
<body>
    <script src="/static/js/common/Monitor.js"></script>
    <div id="hscodes" class="container">
        <div class="zhezhao" style="display: none;"><img src="/static/img/app/workspace/mask.png" alt=""></div>
        <div class="h_top btn">
            <div class="logo">
                <img src="/static/img/app/workspace/logo.png" alt="">
                <dl>
                    <dt>花开</dt>
                    <dd>可以和附近的人视频聊天哦！</dd>
                </dl>
            </div>
            <a href="javascript:;">点击下载</a>
        </div>
        <div class="header">
            <div class="swiper-container">
                <div class="swiper-wrapper" id="alum">
                    <!--<div class="swiper-slide"><img src="img/pic.jpg" alt=""></div>-->
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <!--<div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>-->
                <!-- 如果需要滚动条 -->
                <div class="swiper-scrollbar"></div>
            </div>
            <div class="h_bottom">
                <p><span id="sex"></span><b id="age"><!--22岁--></b></p>
                <p class="ptwo" id="ptwo"><!--接通率100% | 魅力值9999--></p>
            </div>
        </div>
        <div class="center">
            <div class="name" id="nickName">
                <b></b>
                <span></span>
            </div>
            <div class="sign">
                <h2 class="sigle">个性签名</h2>
                <p id="sigle"></p>
                <!--<button class="btn1" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
                    Copy to clipboard
                </button>-->
            </div>
            <div class="talking">
                <h2 class="sigle">聊天能力</h2>
                <p id="chatTheme">

                </p>
            </div>
            <div class="gift single btn">
                <h2 class="sigle">收到礼物 <span id="giftcount"><!--(999)--></span></h2>
                <p id="gift">

                </p>
                <a href="javascript:;"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
            </div>
            <div class="dynamic single btn">
                <h2 class="sigle">她的动态 <span id="dycount"><!--(999)--></span></h2>
                <p id="dypic">
                  <!--  <span></span>-->
                </p>
                <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
            </div>
            <div class="outgift single btn">
                <h2 class="sigle">送出礼物 <span id="giftoutcount"><!--(999)--></span></h2>
                <p id="giftoutpic">
                    <!--  <span></span>-->
                </p>
                <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
            </div>
            <div class="seemore single btn">
                <h2 class="sigle">谁看过她</h2>
                <p id="dysee">
                    <!--<span></span>-->
                </p>
                <a href="javascript:;" class="arro"> <img src="/static/img/app/workspace/arror.png" alt=""></a>
            </div>
            <div class="info">
                <h2 class="sigle">个人信息</h2>
                <p id="info">
                <!--<span>家乡：深圳市</span>-->
                </p>

            </div>
        </div>
        <div class="footer btn">
            <a href="javascript:;"><img src="/static/img/app/workspace/talk.png" alt=""></a>
            <a href="javascript:;"><img src="/static/img/app/workspace/see.png" alt=""></a>
        </div>
    </div>
    <script type="text/javascript" src="//www.shareinstall.net/js/page/shareinstall-h5.min.js"></script>
    <script>
       //REM 响应式
       ~function(){
           var desN = 750,winW = document.documentElement.clientWidth,ratio = winW / desN;
           document.documentElement.style.fontSize = ratio*100 + "px";
       }();
       //swiper 轮播
         window.onload = function() {
             var mySwiper = new Swiper ('.swiper-container', {
                 // 轮播图的方向，也可以是vertical方向
                 direction:'horizontal',
                 //播放速度
                 loop: true,
                 // 自动播放时间
                 autoplay:500,
                 // 播放的速度
                 /*speed:1000,*/
                 observer: true,//修改swiper自己或子元素时，自动初始化swiper
                 observeParents: true,//修改swiper的父元素时，自动初始化swiper
                 // 如果需要分页器，即下面的小圆点
                 /*pagination: '.swiper-pagination',*/
                 pagination: {
                     el: '.swiper-pagination',
                 },
                 // 如果需要前进后退按钮
                 /*nextButton: '.swiper-button-next',
                 prevButton: '.swiper-button-prev',*/
                 // 这样，即使我们滑动之后， 定时器也不会被清除
                 autoplayDisableOnInteraction :true,
                 // 如果需要滚动条
                 scrollbar: '.swiper-scrollbar',
             });
             /*判断当前用户是使用的Android系统还是iOS系统*/
             /*var u = navigator.userAgent;
             var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
             var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
             if(isAndroid){
                console.log("a");
             }
             if(isiOS){
                 console.log("ios");
             }*/
         }
    </script>
    <script type="text/javascript">
        $(function () {
            var shareCustomerId=getParameter("shareCustomerId");
            var customerId=getParameter("customerId");
            var ua = navigator.userAgent.toLowerCase();
            var and_ios = "";
            var parameter=window.location.href.split("?")[1];
            if (/iphone|ipad|ipod/.test(ua)) {
                //alert("iphone");
                and_ios = "iphone";
            } else if (/android/.test(ua)) {
                and_ios = "android";
            }
            if (ua.match(/MicroMessenger/i) == 'micromessenger' && and_ios == "iphone") {
                $('.iosweixin').show();
            }

            // if(isTengxun()){
            //     $(".zhezhao").show();
            // }

            //剪切板复制
            var clipboard = new Clipboard('.btn', {
                text: function() {
                    return shareCustomerId;//文本
                }
            });
            clipboard.on('success', function(e) {
                console.log(and_ios);
                if(and_ios == "iphone"){
                    if(isTengxun()){
                        $(".zhezhao").show();
                       return
                    }
                    window.location.href="../workspace/guide/index.html?"+parameter;
                }else{
                    //   ShareInstall第三方库  (和第九版一起发布)
                    var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
                    data.appkey="BABK7E6KAKBEFH";
                    var shareSdk = new ShareInstall({
                        appKey : 'BABK7E6KAKBEFH',
                        onready : function() {// 回调成功
                            var m = this;
                            m.schemeWakeup();
                            m.wakeupOrInstall();
                        }
                    }, data);

                    // 本地链接到应用宝
                 // window.location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ms.flowerlive";
                }
            });
            clipboard.on('error', function(e) {
                if(and_ios == "iphone"){
                    if(isTengxun()){
                        $(".zhezhao").show();
                       return
                    }
                    window.location.href="../workspace/guide/index.html?"+parameter;
                }else{
                    //   ShareInstall第三方库（和第九版一起发布）
                    var data = ShareInstall.parseUrlParams();//shareinstall.js中提供的工具函数，解析url中的所有查询参数
                    data.appkey="BABK7E6KAKBEFH";
                    var shareSdk = new ShareInstall({
                        appKey : 'BABK7E6KAKBEFH',
                        onready : function() {// 回调成功
                            var m = this;
                            m.schemeWakeup();
                            m.wakeupOrInstall();
                        }
                    }, data);
                    // 本地链接到应用宝
                  // window.location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ms.flowerlive";
                }
            });
            /**
             * 是否在微信qq内置浏览器
             * @returns {boolean}
             */
            var isTengxun = function(){
                var ua = navigator.userAgent.toLowerCase();
                //qbwebviewtype
                // if(ua.match(/MicroMessenger/i)=="micromessenger"||ua.match(/WeiBo/i) == "weibo" || ua.match(/qq\//i) == "qq/") {
                //     return true;
                // }else if(ua.indexOf('mobile mqqbrowser')>-1){
                //     return true;
                // } else if(ua.indexOf('iphone') > -1 || ua.indexOf('mac') > -1){
                //     if(ua.indexOf('qq') > -1){
                //         return true;
                //     }
                // }
                if(ua.match(/MicroMessenger/i)=="micromessenger"||ua.match(/WeiBo/i) == "weibo" || ua.match(/qq\//i) == "qq/") {
                    return true;
                }
                return false;
            }
        })

    </script>
</body>
</html>